<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>jquery基础</title>
    <style>
    </style>
    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
    </script>

</head>
<body>
    <script>
        // 文档加载完成写法二
        $(function(){
            // 开始写 jQuery 代码...
            $("#hide").click(function(){
                $("p").hide(1000);
            });
            $("#show").click(function(){
                $("p").show(1000);
            });
        });
    </script>
    <p>这是一个jquery处理的段落</p>
    <button id="hide">隐藏</button>
    <button id="show">显示</button>
    <br>
    
</body>
</html>